<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="org.factory.*,org.vo.*"%>
<%@ page import="java.util.*"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>注册</title>
<link id="easyuiTheme" rel="stylesheet" type="text/css"
	href="easyui/jslib/easyui1.4.3/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css"
	href="easyui/jslib/easyui1.4.3/themes/icon.css" />
<script type="text/javascript"
	src="easyui/jslib/easyui1.4.3/jquery.min.js"></script>
<script type="text/javascript"
	src="easyui/jslib/easyui1.4.3/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="easyui/jslib/easyui1.4.3/locale/easyui-lang-zh_CN.js"
	charset="utf-8"></script>
<style>
#container {
	width: 380px;
	margin: 30px auto;
}

div {
	margin-top: 11px;
}
</style>
<script type="text/javascript">
	//验证密码是否一致
	function check() {
		var passwd = $.trim($("#passwd").val());
		var passwd2 = $.trim($("#passwd2").val());
		if (passwd != passwd2) {
			alert("两次输入的密码不相同");
			$("#passwd2").val(""); //清除确认密码框的值
		}
	}
</script>
</head>
<body>
	<div id="container"
		style="width: 330px; background: #fafafa; padding: 10px">
		<div style="padding: 3px 2px; border-bottom: 1px solid #ccc">
			<h2>用户注册</h2>
		</div>
		<form id="ff" action="request.jsp" method="post">
			<div>
				<label for="name">姓&nbsp;&nbsp;名:</label> <input id="name"
					class="easyui-validatebox" type="text" name="name" required="true" />
			</div>
			<div>
				<label for="gender">性&nbsp;&nbsp;别:</label> <input name="gender"
					type="radio" value="男" name="sex" checked
					style="width: 40px; height: 15px" />男 <input name="gender"
					type="radio" value="女" name="sex" style="width: 40px; height: 15px" />女
			</div>
			<div>
				<label for="age">年&nbsp;&nbsp;龄:</label> <input id="age"
					class="easyui-validatebox" type="text" name="age" required="true" />
			</div>
			<div>
				<label for="mail">邮&nbsp;&nbsp;箱:</label> <input id="mail"
					class="easyui-validatebox" type="text" name="mail" required="true" />
			</div>
			<div>
				<label for="passwd">密&nbsp;&nbsp;码:</label> <input id="passwd"
					class="easyui-validatebox" type="password" name="passwd"
					required="true" />
			</div>
			<div>
				<label for="passwd2">确认密码:</label> <input id="passwd2"
					class="easyui-validatebox" type="password" name="passwd2"
					required="true" onblur="check();" />
			</div>
			<div>
				<input type="submit" value="   注册    " /> <a href="login.jsp"><input
					type="button" value="返回登录页面" /></a>
			</div>
		</form>
	</div>
</body>
</html>